var temp= ` # 这是我博客编辑器制作用例，我还在测试当中 
<!-- -->
\`只是体验一下效果，写了几个月了，但效果还是不理想\`

\`\`\`javascript 
function m(){
    let source=0;
    return source; 
}
return m();
\`\`\`




<button  class='ant-btn ant-btn-default'  event='click' >运行结果</button>

<p>结果</p>

> [语法详解](http://commonmark.org/help/)

+++ Click me!
Hidden text
+++

## **粗体**

\`\`\`
**粗体**
__粗体__
\`\`\`

## *斜体*

\`\`\`
*斜体*
_斜体_
\`\`\`

## 标题

\`\`\`
# 一级标题 #
一级标题
====
## 二级标题 ##
二级标题
----
### 三级标题 ###
#### 四级标题 ####
##### 五级标题 #####
###### 六级标题 ######
\`\`\`

## 分割线

\`\`\`
***
---
\`\`\`

****
## ^上^角~下~标

\`\`\`
上角标 x^2^
下角标 H~2~0
\`\`\`

## ++下划线++ ~~中划线~~
\`\`\`
++下划线++
~~中划线~~
\`\`\`

## ==标记==

\`\`\`
==标记==
\`\`\`

## 段落引用

\`\`\`
> 一级
>> 二级
>>> 三级
...
\`\`\`

## 列表

\`\`\`
有序列表
1.
2.
3.
...
无序列表
-
-
...
\`\`\`

## 任务列表

- [x] 已完成任务
- [ ] 未完成任务

\`\`\`
- [x] 已完成任务
- [ ] 未完成任务
\`\`\`

## 链接

\`\`\`
[链接](www.baidu.com)
![图片描述](http://imageproxy.chaoxing.com/sZRFhIBJmQHv87PGA14nxSYkxbefeL3oRUjvp7V6rQRs/http://p.ananas.chaoxing.com/star3/origin/fed720983e6607369237ef086abb10a6.png)
\`\`\`


## 代码段落

\`\`\`type
代码段落
\`\`\`

\` 代码块 \`

\`\`\`c++
int main()
{
    printf("hello world!");
}
\`\`\`

\`code\`


## 表情(emoji)

[参考网站: https://www.webpagefx.com/tools/emoji-cheat-sheet/](https://www.webpagefx.com/tools/emoji-cheat-sheet/)

\`\`\`
:laughing:
:blush:
:smiley:
:)
...
\`\`\`

:laughing::blush::smiley::) 

\`\`\`
术语一
:   定义一
包含有*行内标记*的术语二
:   定义二
        {一些定义二的文字或代码}
    定义二的第三段
\`\`\`
## abbr

*[HTML]: Hyper Text Markup Language
*[W3C]:  World Wide Web Consortium
HTML 规范由 W3C 维护
\`\`\`
*[HTML]: Hyper Text Markup Language
*[W3C]:  World Wide Web Consortium
HTML 规范由 W3C 维护 
\`\`\`

## 脚注(footnote)


\`\`\`
hello[^hello]
\`\`\` 
见底部脚注[^hello]
[^hello]: 一个注脚 

## 表格(table)

\`\`\`
| 标题1 | 标题2 | 标题3 |
| :--  | :--: | ----: |
| 左对齐 | 居中 | 右对齐 |
| ---------------------- | ------------- | ----------------- |
\`\`\`

| 标题1 | 标题2 | 标题3 |
| :--  | :--: | ----: |
| 左对齐 | 居中 | 右对齐 |
| ---------------------- | ------------- | ----------------- |

@[toc](目录)

## $\\KaTeX$公式

我们可以渲染公式例如：$x_i + y_i = z_i$ 和 $\\sum_{i=1}^n a_i=0$

我们也可以单行渲染

$$\\sum_{i=1}^n a_i=0$$

具体可参照[katex文档](http://www.intmath.com/cg5/katex-mathjax-comparison.php)和[katex支持的函数](https://github.com/Khan/KaTeX/wiki/Function-Support-in-KaTeX)以及[latex文档](https://math.meta.stackexchange.com/questions/5020/mathjax-basic-tutorial-and-quick-reference)
## 定义

术语一

:   定义一

包含有*行内标记*的术语二

:   定义二

        {一些定义二的文字或代码}

    定义二的第三段

`

export default temp 

// @[toc](目录)

// ## $\KaTeX$公式

// 我们可以渲染公式例如：$x_i + y_i = z_i$和$\sum_{i=1}^n a_i=0$
// 我们也可以单行渲染
// $$\sum_{i=1}^n a_i=0$$
// 具体可参照[katex文档](http://www.intmath.com/cg5/katex-mathjax-comparison.php)和[katex支持的函数](https://github.com/Khan/KaTeX/wiki/Function-Support-in-KaTeX)以及[latex文档](https://math.meta.stackexchange.com/questions/5020/mathjax-basic-tutorial-and-quick-reference)
// ## 定义

// 术语一

// :   定义一

// 包含有*行内标记*的术语二

// :   定义二

//         {一些定义二的文字或代码}

//     定义二的第三段
// ## 表格(table)

// \`\`\`
// | 标题1 | 标题2 | 标题3 |
// | :--  | :--: | ----: |
// | 左对齐 | 居中 | 右对齐 |
// | ---------------------- | ------------- | ----------------- |
// \`\`\`

// | 标题1 | 标题2 | 标题3 |
// | :--  | :--: | ----: |
// | 左对齐 | 居中 | 右对齐 |
// | ---------------------- | ------------- | ----------------- |
// \`\`\`graphviz
// digraph g {
//     rankdir=LR  //方向左右
//     dot语言->{简介,语法,示例}
//     dot语言[shape=box,fontcolor=red]
//     简介[color=red]
//     语法[color=green]
//     示例[color=blue]
//     简介->{开源免费,UML绘图,导出svg}
//     语法->{"digraph","graph"}
//     "digraph"->导向图[label=可以制作带方向的导图]
//     "graph"->无向图[label=可以制作不带方向的导图]
// }
// \`\`\`